<template>
    <view v-if="show" class="loading">
		<!-- #ifdef APP-NVUE -->
		<loading-indicator :animating="true" class="loading-app"></loading-indicator>
		<!-- #endif -->
		<!-- #ifdef H5 -->
		<view class="loading-icon icon iconfont icon-loading"></view>		
		<!-- #endif -->
		<text class="loading-tips">{{tips}}</text>
    </view>
</template>

<script>
export default {
	props: {
		show: {
			type: Boolean,
			default: false
		},
		tips: {
			type: String,
			default: '加载中'
		}
	}
}
</script>
<style scoped>
.loading-app {
	width: 16px;
	height: 16px;
	color: #808283;
}
.loading {
	display: flex;
    align-items: center;
    justify-content: center;
}
.loading-tips {
	margin-left: 10rpx;
	color: #808283;
	font-size: 14px;
}
</style>